import React from 'react';
import { View } from '@tarojs/components';

import styles from './index.module.scss';

// TODO: serviceTags
const StandServiceTags = ({ className = '', serviceTags = [] }) => {
  if (!serviceTags?.length) {
    return null;
  }

  return (
    <View className={`${styles.StandServiceTags} ${className}`}>
      {serviceTags?.map((name) => {
        return (
          <View className="tag customePageBorderStyle" key={name}>
            <View className="txt customePageStyle">{name}</View>
          </View>
        );
      })}
    </View>
  );
};

export default StandServiceTags;
